<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>后代选择器</title>
		<style>
			/*后代选择器：派生，空格！ 用途：选中符元素的子元素
			语法 任意选择器 [父级]任意选择器（）
			网页：嵌套元素
			*/
		   dl dd{
			   
		   }
		   ul li{
			   background:#55f00;
		   }
		   /*后代选择器：选中情深深雨濛濛 提醒：类选择器 字体放大 50 颜色 白色*/
		   
		ul.qy{
			font-size: 50px;
			color: #fff;
		}
		/*后代选择器：
		必须从#id找 ---删除线 字体放大：20px 颜色：红色 背景：黑色
		提醒：祖宗 爷爷 父亲儿子
		*/
	   #nav  div div del{
		   font-size:20px;
		   color: #ff0000;
		   background:#000000;
	   }
	   /*找到两个删除线，添加效果：字体36px，背景粉色
		从类选择器找footer 提醒 [两个选择器]
		*/
		</style>
	</head>
	<body>
		<div id="nav">
		<span>这是一个段落</span>
		<div><p>第一个段落</p> <div><del>删除线</del></div> </div>
		<div><p>第二个段落</p><div>
		
		<!-- 块元素 ：定义列表 -->
		<d1>
			<dt>图片1</dt>
			<dd>解释小图片</dd>
		</d1>
		<ul>
			<li>窗外</li>
			<li>情深深雨蒙蒙</li>
			<li>还珠格格</li>
			<li>一帘幽梦</li>
		</ul>
	</body>
</html>